<?php
    session_start();
   if (!$_SESSION["capcha"]){
       header ("Location: http://localhost:1020/Multimedia/");
   }
   
?>
<html>
    <head>
        <link rel='stylesheet' type='text/css' href='../css/redmond/jquery-ui-1.8.12.custom.css' />
        <link rel='stylesheet' type='text/css' href='../css/Recuperar.css' />
        <script type='text/javascript' src='../js/jquery-1.5.1.min.js'></script>
        <script type='text/javascript' src='../js/jquery-ui-1.8.12.custom.min.js'></script>
        <title>Recuperar Contaseña :: W-Calendar</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type='text/javascript'>
       $(function() {
		$( ".Bonton" ).button();
                $( "#mostrar" ).dialog({
                     autoOpen: false,
                     buttons: {
                         OK: function() {
					$( this ).dialog( "close" );
				}
                         
                     },
                     modal: true
                 });
                
      $("#Bentrar").hover(function(){
        $("#Bentrar img")
            // first jump
            .animate({top:"-10px"}, 200).animate({top:"-4px"}, 200)
            // second jump
            .animate({top:"-7px"}, 100).animate({top:"-4px"}, 100)
            // the last jump
            .animate({top:"-6px"}, 100).animate({top:"-4px"}, 100);
        });
            });  
    
    
    function Ingresar(){
        email = $( "#Usuario" );
        $.post("../Controlador/Recuperar.php",{correo:email.val()}, function(data){

                $( "#mostrar" ).html(data);
                $( "#mostrar" ).dialog( "open" );
           });       
    }
        
    
        </script>
    </head>
    <body>
        <div id="Banner"><table id="BTable" cellspacing="0"><tr>
            <td><img id="Logo" src="../imagenes/wclogo.png" alt="W-Calendar"></td>
            <td id="Texto" >
               Recuperar Contraseña
            </td>

            </tr></table>
        
        </div>
            <div id="Contenido">
                <h3>2. Ingresa tu correo electronico:</h3><br>
                <table id="Correo">
                    <tr><td>
                    <label>Correo: </label><input id="Usuario" size="30" type="text" />
                    </td><td>
                    <a onclick="Ingresar()" class="button" href="#" id="Bentrar">
                      <img src="../Imagenes/Check-32.png" alt="" />Ingresar</a>
                        </td></tr>
                </table>
            </div>
        
        <div id="mostrar" title="W-Calendar dice:"></div>
      </body>
</html>